/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 10, ../sass/screen.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* colors */
/* ========================================= */
/* fonts */
/* ========================================= */
/* line 26, ../sass/screen.scss */
.roboto, body {
  font-family: 'Roboto', sans-serif; }

/* line 30, ../sass/screen.scss */
.roboto-condensed {
  font-family: 'Roboto Condensed', sans-serif; }

/* line 34, ../sass/screen.scss */
.roboto-slab {
  font-family: 'Roboto Slab', serif; }

@font-face {
  font-family: Batch;
  src: url("fonts/batch.eot");
  src: url("fonts/batch.eot?#iefix") format("embedded-opentype"), url("fonts/batch.woff") format("woff"), url("fonts/batch.ttf") format("truetype"), url("fonts/batch.svg#batchregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 49, ../sass/screen.scss */
.batch {
  font-family: "Batch" !important;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  font-weight: 100 !important; }

/* type */
/* ========================================= */
/* line 60, ../sass/screen.scss */
h1 {
  font-family: 'Open Sans', sans-serif;
  color: #111;
  font-weight: 300; }

/* line 68, ../sass/screen.scss */
h2 {
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-weight: 100; }

/* line 75, ../sass/screen.scss */
h3 {
  font-family: 'Open Sans', sans-serif;
  color: #777; }

/* line 80, ../sass/screen.scss */
h5 {
  color: #686868;
  font-weight: 400; }

/* line 86, ../sass/screen.scss */
p.lead {
  color: #838383;
  font-family: 'Roboto Slab', serif;
  font-weight: 200; }

/* line 92, ../sass/screen.scss */
a {
  color: #fff;
  text-decoration: none; }

/* line 97, ../sass/screen.scss */
strong {
  font-weight: bold; }

/* don't over think it grids */
/* ========================================= */
/* line 105, ../sass/screen.scss */
.grid {
  margin: 0 0 40px 0; }
  /* line 108, ../sass/screen.scss */
  .grid:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both; }

/* line 116, ../sass/screen.scss */
[class*='col-'] {
  float: left;
  padding-right: 40px; }
  /* line 119, ../sass/screen.scss */
  .grid [class*='col-']:last-of-type {
    padding-right: 0; }

/* line 123, ../sass/screen.scss */
.col-2-3 {
  width: 66.66%; }

/* line 126, ../sass/screen.scss */
.col-1-3 {
  width: 33.33%; }

/* line 129, ../sass/screen.scss */
.col-1-2 {
  width: 50%; }

/* line 132, ../sass/screen.scss */
.col-1-4 {
  width: 25%; }

/* line 135, ../sass/screen.scss */
.col-1-8 {
  width: 12.5%; }

/* Opt-in outside padding */
/* line 140, ../sass/screen.scss */
.grid-pad {
  padding: 40px 0 40px 40px; }
  /* line 142, ../sass/screen.scss */
  .grid-pad [class*='col-']:last-of-type {
    padding-right: 40px; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 157, ../sass/screen.scss */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 162, ../sass/screen.scss */
.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 170, ../sass/screen.scss */
.cf {
  *zoom: 1; }

/* common */
/* ========================================= */
/* line 178, ../sass/screen.scss */
.wrapper {
  width: 900px;
  margin: 0 auto; }

/* line 183, ../sass/screen.scss */
.team {
  margin-top: 1rem; }

/* line 186, ../sass/screen.scss */
.person {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  text-align: left;
  margin-right: 30px; }
  /* line 191, ../sass/screen.scss */
  .person div.thumb {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 0 10px 0 0;
    background-size: 100% auto !important;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); }
  /* line 202, ../sass/screen.scss */
  .person .text {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }
  /* line 205, ../sass/screen.scss */
  .person strong {
    display: block;
    font-size: 1.4rem;
    color: #444;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    margin-bottom: 0.3rem; }
  /* line 213, ../sass/screen.scss */
  .person span {
    display: block;
    font-size: 1.3rem;
    color: #888;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    font-weight: 300; }

/* ads board */
/* ========================================= */
/* line 224, ../sass/screen.scss */
.ads-board {
  position: relative; }
  /* line 227, ../sass/screen.scss */
  .ads-board .ad300x250 {
    position: absolute;
    top: 0;
    left: 0; }
  /* line 232, ../sass/screen.scss */
  .ads-board .ad336x280 {
    position: absolute;
    top: 0;
    left: 365px; }
  /* line 237, ../sass/screen.scss */
  .ads-board .ad160x600 {
    position: absolute;
    top: 0;
    left: 765px; }
  /* line 242, ../sass/screen.scss */
  .ads-board .ad120x600 {
    position: absolute;
    top: 0;
    left: 985px; }
  /* line 247, ../sass/screen.scss */
  .ads-board .ad120x600 {
    position: absolute;
    top: 0;
    left: 985px; }
  /* line 252, ../sass/screen.scss */
  .ads-board .ad468x60 {
    position: absolute;
    top: 400px;
    left: 0; }
  /* line 257, ../sass/screen.scss */
  .ads-board .ad728x90 {
    position: absolute;
    top: 510px;
    left: 0; }

/* sections */
/* ========================================= */
/* line 265, ../sass/screen.scss */
.cover-page {
  background: #212221;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
  background: -webkit-linear-gradient(#ffffff, #f7f7f7);
  background: -moz-linear-gradient(#ffffff, #f7f7f7);
  background: -o-linear-gradient(#ffffff, #f7f7f7);
  background: linear-gradient(#ffffff, #f7f7f7); }

/* flowtime overrides and extensions */
/* ========================================= */
/* line 272, ../sass/screen.scss */
.ft-page {
  padding: 5rem; }
